<template>
  <div class="fullMain">
    <x-header
      class="custumHeader"
      :left-options="{backText: '',showBack: false}">
      <a slot="left">
        <i slot="overwrite-left" class="lIcon">X</i>
      </a>
      <span>2017级-设置</span>
      <a slot="right">
        <x-icon slot="overwrite-right" type="ios-more" size="35" style="position:relative;top:-8px;left:-3px;"></x-icon>
      </a>
    </x-header>
    <div class="mainbBg">
      <div class="menuHeader">
        <i class="fa fa-chevron-left mT returnIcon"></i>
        <span class="ids">
          姓名：张三
        </span>
      </div>
      <div class="settingDiv">
        <scroller lock-x scrollbar-y height="190px">
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>老板</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div><div class="settingPersonD">
          <img src="/static/img/weixin.png"/>
          <span>老板</span>
        </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div><div class="settingPersonD">
          <img src="/static/img/weixin.png"/>
          <span>老板</span>
        </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/weixin.png"/>
            <span>A1</span>
          </div>
          <div class="settingPersonD">
            <img src="/static/img/add.png"/>
            <span> </span>
          </div>
        <!--</div>-->
        </scroller>
      </div>
      <div class="groupDiv">
        <div class="groupD">
          <img src="/static/img/weixin.png"/>
          <span>分组名</span>
          <span class="fr groupAnnotation">2017级</span>
        </div>
        <div class="groupD bgD7">
          <img src="/static/img/weixin.png"/>
          <span>群ID</span>
          <span class="fr groupAnnotation">666666666</span>
        </div>
      </div>
      <div class="settingBtn">
        <button type="button" class="affirmBtn_red">退出分组</button>
      </div>
    </div>
  </div>
</template>

<script>
  import { XHeader } from 'vux'
  import { XInput } from 'vux'
  import { Scroller } from 'vux'
  export default {
    name: "S2017_S_setting",
    components:{
      XHeader,
      XInput,
      Scroller
    }
  }
</script>

<style>

</style>
